﻿{ZL.Source id="店铺商品模型数据源标签"/}
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>{SField sid="店铺商品模型数据源标签" FD="Proname" page="0"/}_{$SiteName/}</title>
<meta name="Keywords" content="{SField sid="店铺商品模型数据源标签" FD="Meta_Keywords" page="0"/}" />
<meta name="description" content="{SField sid="店铺商品模型数据源标签" FD="Meta_Description" page="0"/}" />
{ZL:Boot()/}
<link href="{$CssDir/}global.css?Version={ZL.Label id="前端样式版本号"/}" rel="stylesheet"/>
<script type="text/javascript" src="{$CssDir/}js/jquery.imagezoom.min.js"></script>
<script src="/js/scrolltopcontrol.js" type="text/javascript"></script>
<script type="text/javascript" src="{$CssDir/}js/server.js"></script>
<script src="/JS/ZL_Regex.js" type="text/javascript"></script>
<style type="text/css">
.navbar-default .navbar-nav>#Menu{SField sid="店铺商品模型数据源标签" FD="FirstNodeID" page="0"/}>a, .navbar-default .navbar-nav>#Menu{SField sid="店铺商品模型数据源标签" FD="FirstNodeID" page="0"/}>a:hover, .navbar-default .navbar-nav>#Menu{SField sid="店铺商品模型数据源标签" FD="FirstNodeID" page="0"/}>a:focus { color: #555; background-color: #e7e7e7 }
.nodeList_c li a { padding-top:.8em; padding-bottom:.8em; font-size:1.1em;}
.shop_img_p { margin-bottom:5px; font-size:1.1em;}
.shop_img_p1 { margin-bottom:10px; text-decoration:line-through;}
.usershop_mainR { font-family:"STHeiti","Microsoft YaHei","黑体","arial";}
.usershop_mainR h1 { margin-top:0; line-height:1.4em; font-size:1.4em; text-align:justify; text-justify:inter-ideograph; overflow:hidden; color:#000;}
.usershop_mainR_c ul { padding-left:0; list-style:none;}
.usershop_mainR_c li { color:#666; height:3em; line-height:3em; border-bottom:1px dotted #ddd;}
.usershop_mainR_c li span { display:inline-block; color:#000;}
.usershop_mainR_c li span:first-child { width:60px; color:#666;}
.usershop_mainR_b .input-group { float:left; max-width:120px; margin-right:5px;}
.usershop_mainR_b .form-control { text-align:center;}
</style>
</head>
<body id="header">
{ZL.Label id="响应式全站头部"/}
<div class="bs-header" >
<div class="container">
<h1>{ZL.Label id="输出指定ID节点名" NodeID="{SField sid="店铺商品模型数据源标签" FD="NodeID" page="0"/}" /}</h1>
<p>脚比路更长+服务到现场+智慧的思想....</p>
</div>
</div>

<div class="container margintop10">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
<div class="nodeList">
<div class="nodeList_t"><span>男人</span></div>
<div class="nodeList_c">
<div class="row padding10">
<ul>
{ZL.Label id="节点列表" ParentID="8" ShowNum="10" ClassName="col-lg-12 padding5" /}
</ul>
</div>
</div>
</div>

<div class="nodeList">
<div class="nodeList_t"><span>女人</span></div>
<div class="nodeList_c">
<div class="row padding10">
<ul>
{ZL.Label id="节点列表" ParentID="9" ClassName="col-lg-12 padding5" /}
</ul>
</div>
</div>
</div>

<div class="nodeList">
<div class="nodeList_t"><span>运动</span></div>
<div class="nodeList_c">
<div class="row padding10">
<ul>
{ZL.Label id="节点列表" ParentID="17" ClassName="col-lg-12 padding5" /}
</ul>
</div>
</div>
</div>

<div class="nodeList">
<div class="nodeList_t"><span>手机数码</span></div>
<div class="nodeList_c">
<div class="row padding10">
<ul>
{ZL.Label id="节点列表" ParentID="16" ClassName="col-lg-12 padding5" /}
</ul>
</div>
</div>
</div>

<div class="nodeList">
<div class="nodeList_t"><span>母婴</span></div>
<div class="nodeList_c">
<div class="row padding10">
<ul>
{ZL.Label id="节点列表" ParentID="15" ClassName="col-lg-12 padding5" /}
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
<div class="mySites" style="margin-top:0; margin-bottom:20px;">
<ul class="breadcrumb">
<li><a href="/">首页</a></li>
{ZL.Label id="输出多级节点导航_V4" NodeID="{SField sid="店铺商品模型数据源标签" FD="NodeID" page="0"/}" ShowNum="30" /}
<li class="active">{ZL:CutText({SField sid="店铺商品模型数据源标签" FD="Proname" page="0"/},15,...)/}</li>
</ul>
</div>
<!--面包屑导航结束-->

<div class="row">
<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
<div class="box">
<div class="tb-booth tb-pic tb-s310">
<a href='{ZL:GetPicUrl({SField sid="店铺商品模型数据源标签" FD="Thumbnails" page="0"/})/}'><img src='{ZL:GetPicUrl({SField sid="店铺商品模型数据源标签" FD="Thumbnails" page="0"/})/}' alt='{SField sid="店铺商品模型数据源标签" FD="Proname" page="0"/}' rel='{ZL:GetPicUrl({SField sid="店铺商品模型数据源标签" FD="Thumbnails" page="0"/})/}' class="jqzoom" alt="{SField sid="店铺商品模型数据源标签" FD="Proname" page="0"/}" onerror="javascript:this.src='/UploadFiles/nopic.gif';" /></a>
</div>
<div class="row">
<ul class="tb-thumb list-unstyled" id="thumblist">
<li class="col-lg-2 col-md-2 col-sm-2 col-xs-2 tb-selected"><div class="tb-pic tb-s40"><a href="javascript:;"><img src="{ZL:GetPicUrl({SField sid="店铺商品模型数据源标签" FD="Thumbnails" page="0"/})/}" mid="{ZL:GetPicUrl({SField sid="店铺商品模型数据源标签" FD="Thumbnails" page="0"/})/}" big="{ZL:GetPicUrl({SField sid="店铺商品模型数据源标签" FD="Thumbnails" page="0"/})/}" alt="{SField sid="店铺商品模型数据源标签" FD="Proname" page="0"/}"></a></div></li>
<script>
var pics='{SField sid="店铺商品模型数据源标签" FD="pics" page="0"/}';
var jsonstr=JSON.parse(pics);
if(jsonstr.length>0)
{
	for(i=0;i<jsonstr.length;i++)
	{
		document.write('<li class="col-lg-2 col-md-2 col-sm-2 col-xs-2"><div class="tb-pic tb-s40"><a href="javascript:;"><img src="/UploadFiles/'+jsonstr[i].url+'" mid="/UploadFiles/'+jsonstr[i].url+'" big="/UploadFiles/'+jsonstr[i].url+'" alt="'+jsonstr[i].desc+'"></a></div></li>');
	}
}
function addfav() {
    $.post("/API/mod/collect.ashx", {action:"add",favurl:"/Shop.aspx?itemid={SField sid="店铺商品模型数据源标签" FD="ID" page="0"/}.",infoid:"{SField sid="店铺商品模型数据源标签" FD="ID" page="0"/}",type:2,title:"{SField sid="店铺商品模型数据源标签" FD="Title" page="0"/}"},function(data){
    var model=JSON.parse(data);
    if(APIResult.isok(model)){
        alert("收藏成功!");
    }else{
        alert("收藏失败!原因:"+model.retmsg);
    }
});
}
</script>
</ul>
</div>
</div>
</div>
<div  class="col-lg-7 col-md-7 col-sm-12 col-xs-12 usershop_mainR">
<h1>{SField sid="店铺商品模型数据源标签" FD="Proname" page="0"/}</h1>
<div class="usershop_mainR_c">
<ul>
<li><span>编号：</span><span>{SField sid="店铺商品模型数据源标签" FD="ProCode" page="0"/}</span></li>
<li><span>品牌：</span><span>{ZL.Label id="获取店铺商品品牌" TradeID="{SField sid="店铺商品模型数据源标签" FD="brand" page="0"/}" /}</span></li>
<li><span>库存：</span><span>{SField sid="店铺商品模型数据源标签" FD="stock" page="0"/}{SField sid="店铺商品模型数据源标签" FD="Prounit" page="0"/}</span></li>
<li><span>会员价:</span><span style="color:#c00; font-size:2em;">{ZL:GetMoney({SField sid="店铺商品模型数据源标签" FD="UserPrice" page="0"/},2,1)/}元</span></li>
<li><span>零售价：</span><span style="text-decoration:line-through;">{ZL:GetMoney({SField sid="店铺商品模型数据源标签" FD="ShiPrice" page="0"/},2,1)/}元</span></li>
</ul>
</div>
<div class="usershop_mainR_b">
<form id="form" name="form" method="post" action="/Cart/Cart.aspx">
<input name="id" type="hidden" id="id" value="{SField sid="店铺商品模型数据源标签" FD="ID" page="0"/}" />
<div class="input-group input-group-sm">
<span class="input-group-btn"><button class="btn btn-info" type="button" onClick="LessNum();"><i class="fa fa-minus"></i></button></span>
<input type="text" class="form-control" name="Pronum" id="Pronum" placeholder="" value="1" />
<span class="input-group-btn"><button class="btn btn-info" type="button" onClick="AddNum();"><i class="fa fa-plus"></i></button></span>
</div><!-- /input-group -->
<button type="submit" class="btn btn-danger btn-sm"><i class="fa fa-shopping-cart"></i> 立即购买</button>
<button type="button" onClick="AddCart()" class="btn btn-danger btn-sm"><i class="fa fa-plus-square"></i> 加入购物车</button>
<a onclick="addfav()" href="javascript:;" class="btn btn-link btn-sm"><i class="fa fa-eye"></i> 关注商品</a>
</form>
</div>
</div>
</div>
<ul class="nav nav-tabs" style="margin-top:20px;">
<li class="active"><a href="#home" data-toggle="tab">商品详细</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="home">{SField sid="店铺商品模型数据源标签" FD="Procontent" page="0"/} </div>
</div>
</div>
</div>
</div>

{ZL.Label id="响应式全站底部"/}
</body>
</html>
<script>
//检测固顶事件
var IO=document.getElementById('scolls'),Y=IO,H=0,IE6;
IE6=window.ActiveXObject&&!window.XMLHttpRequest;
while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
if(IE6)
IO.style.cssText="position:absolute;top:expression(this.fix?(document"+
	".documentElement.scrollTop-(this.javascript||"+H+")):0)";
window.onscroll=function (){
var d=document,s=Math.max(d.documentElement.scrollTop,document.body.scrollTop);
 if(s>H&&IO.fix||s<=H&&!IO.fix)return;
if(!IE6)IO.style.position=IO.fix?"":"fixed";        
IO.fix=!IO.fix;
};
try{document.execCommand("BackgroundImageCache",false,true)}catch(e){};
//]]>

//商品图片切换 
$(document).ready(function(){
	$(".jqzoom").imagezoom();
	$("#thumblist li a").click(function(){
		$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
		$(".jqzoom").attr('src',$(this).find("img").attr("mid"));
		$(".jqzoom").attr('rel',$(this).find("img").attr("big"));
	});
	$(".tese_l>ul>li").click(function(){
		$(this).find("ul").slideToggle();
	})
});


$().ready(function(e) {
	ZL_Regex.B_Num("#Pronum");
	ZL_Regex.B_Value("#Pronum", { min: 1, max: {SField sid="店铺商品模型数据源标签" FD="stock" page="0"/}, overmin: function () { }, overmax: function () {} });
});
function AddCart()
{
	if($("#Pronum").val()>0)
	{
		$.post("/Cart/Cart.aspx?ID="+$("#id").val()+"&Pronum="+$("#Pronum").val());
		alert("加入购物车成功！")
	}
	else
		alert("商品数量不正确！");
}
function AddNum()
{
	var num=parseInt($("#Pronum").val())+1;
	var allnum='{SField sid="店铺商品模型数据源标签" FD="stock" page="0"/}';
	if(isNaN(parseInt($("#Pronum").val())))
		$("#Pronum").val("0");
	else
	{
		if(parseInt($("#Pronum").val())<allnum)
			$("#Pronum").val(num);
		else
			$("#Pronum").val(allnum);
	}
}
function LessNum()
{
	var num=parseInt($("#Pronum").val())-1;
	if(parseInt($("#Pronum").val())=="NaN")
		$("#Pronum").val("1");
	else
	{
		if(parseInt($("#Pronum").val())>1)
			$("#Pronum").val(num);
	}
}
</script>